img{
    width: 3.64rem;
    /*
        1rem=50px
        182px = 3.64rem
    */
    height: .96rem;
}
/* 父元素--容器 */
body{
    /* vh为视图窗口单位--100vw表示整屏宽、100vh表示整屏高 */
    height: 100vh;/*整屏高度*/
    /* 弹性盒模型---容器属性 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 表单 */
form{
    /* 安全区 */
    width: 6.1rem;
    /* 设置最小高度--常用于初始编写测试阶段，后期可以去掉，不影响开发 */
    /* min-height: 4rem; */
    /* background: lawngreen; */
    /* 上外边距 */
    margin-top: .8rem;
    /* 字体大小 */
    font-size: .24rem;
}
form>div{
    height: .8rem;
    border-bottom: 1px solid #eee;
    /* 弹性盒模型 */
    display: flex;
}
form>div input{
    padding: 0;
    /* 去除输入框默认边框 */
    border: none;
    /* 字体大小 */
    font-size: .24rem;
}
/* 设置placeholder提示语字体色 */
form>div input::placeholder{
    color: #666;
}
/* 1.手机号输入框 */
form>div:nth-of-type(1)>input{
    flex-grow: 1;
}
/* 2.验证码输入框 */
form>div:nth-of-type(2){
    display: flex;
    justify-content: space-between;
    align-items: center;
}
form>div:nth-of-type(2)>input{
    height: inherit;/*高度继承父元素高度，类似于100%，看个人书写习惯*/
}
form>div:nth-of-type(2)>button{
    width: 1.6rem;
    height: .48rem;
    background: #ccc;
    color: #fff;
    font-size: .2rem;
    /* 去除输入框默认边框 */
    border: none;
    /* 去除外轮廓线 */
    outline: none;
}
/* 3.登录按钮 */
form>button{
    width: 6.1rem;
    height: .98rem;
    margin-top: .6rem;
    background: #ccc;
    color: #fff;
    font-size: .32rem;
    /* 文本间隙--添加后发现字体前移了 */
    letter-spacing: .6rem;
    /* 字体向后移--首行缩进 */
    text-indent: .6rem;

    /* 去除输入框默认边框 */
    border: none;
    /* 去除外轮廓线 */
    outline: none;
}
